<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>)</title> 
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js">
</script>
<script>$(document).ready(function(){
    $("#flips").click(function(){
        $("#content").clideDown(1000);
    });
});</script>

<style>
#content,#flipshow{
    padding:5px;
    text-align:center;
    background-color: yellow;
}
#content{
    padding:50px;
    display: none;
}
</style>
</head>

<body>
<div id="flipshow">点击</div>
<div id="content">你好世界</div>
</body>
</html>